function Light($tag) {
    this.tag = document.querySelector($tag);
    this.index = 1;

    // 实例化的时候，里面调用init函数
    this.init();

    // this.change();
    this.imgClick()
}

// 初始化图片
Light.prototype.init = function () {
    // 创建img标签
    // 将图片挂载到this上，方便在绑定事件的函数中获取
    this.newImg = new Image();
    // 设置src属性
    this.newImg.src = `./img/${this.index}.jpeg`;
    // 挂载到tag节点上
    this.tag.appendChild(this.newImg);
}

// 绑定点击事件
Light.prototype.imgClick = function () {
    this.newImg.addEventListener('click', () => {
        // 修改图片的src
        this.index++;
        // 判断是否超出范围
        if (this.index > 3) {
            this.index = 1;
        }
        this.newImg.src = `./img/${this.index}.jpeg`;
    })
}

new Light('.box');
